<template>
  <view>
    <v-pages
      :total="total"
      :pageSize="pageSize"
      v-model:currentPage="currentPage"
      :pageRange="pageRange"
      @change="handlePageChange"
    />
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const total = ref(100);
const pageSize = ref(10);
const currentPage = ref(1);
const pageRange = ref(2);

const handlePageChange = (page: number) => {
  console.log(`Current Page: ${page}`);
};
</script>